<div class="ui-login">
    <div class="ui-login__block">
        <div class="ui-login__item">
            <div class="ui-item__title">
                <i class="ui-title__icon phone"></i>
                手机号码
            </div>
            <div class="ui-item__input">
                <i class="ui-input__icon">+86</i>
                <input type="tel" placeholder="请输入您的手机号码" v-model="telephone" />
                <i class="ui-input__del" v-touch:tap="onClearPhoneTap" v-show="telephone != ''"></i>
            </div>
        </div>
        <div class="ui-login__item">
            <div class="ui-item__title">
                <i class="ui-title__icon mail"></i>
                验证码
            </div>
            <div class="ui-item__input">
                <i class="ui-input__icon"></i>
                <input type="text" placeholder="请输入验证码" v-model="checkcode" />
                <button class="ui-item-btn" v-touch:tap="onGetCodeTap">{{codeText}}</button>
            </div>
        </div>
        <div class="ui-login__item">
            <div class="ui-item__title">
                <i class="ui-title__icon psw"></i>
                登录密码
            </div>
            <div class="ui-item__input">
                <i class="ui-input__icon"></i>
                <input type="password" placeholder="请设置登录密码" v-model="password" />
                <i class="ui-input__del" v-touch:tap="onClearPasswordTap" v-show="password != ''"></i>
            </div>
        </div>
        <div class="ui-login__item">
            <div class="ui-item__title">
                <i class="ui-title__icon from"></i>
                从哪了解悦夜APP
            </div>
            <div class="ui-item__input">
                <i class="ui-input__icon"></i>
                <input type="text" placeholder="请填写了解来源" v-model="applyCodeInfo" />
                <i class="ui-input__del" v-touch:tap="onClearTextTap" v-show="password != ''"></i>
            </div>
        </div>
        <div class="ui-sex__block margin-bottom-60">
            <div class="ui-sex__item" v-touch:tap="onSexTap(1)">
                <div class="ui-sex_top">
                    <img class="ui-sex__img" src="../../image/account/female.png">
                    <i class="icon-selected" v-show="sex == 1"></i>
                </div>

                <p class="ui-sex__info" v-bind:class="{'selected': sex == 1}">我是美女</p>
            </div>
            <div class="ui-sex__item" v-touch:tap="onSexTap(0)">
                <div class="ui-sex_top">
                    <img class="ui-sex__img" src="../../image/account/male.png">
                    <i class="icon-selected" v-show="sex == 0"></i>
                </div>
                <p class="ui-sex__info" v-bind:class="{'selected': sex == 0}">我是帅哥</p>
            </div>
        </div>
        <div class="ui-agree-block">
            <span class="ui-agree-box" v-touch:tap="onCheckTap()"><i class="ui-agree-check"  v-show="isAgree"></i></span>
            <span v-touch:tap="onCheckTap()">请勾选同意</span>
            <span class="ui-agree-book" v-touch:tap="onShowAgreeTap()">《悦夜APP》服务协议</span>
        </div>
        <div class="ui-btn regist next" v-touch:tap="onNextTap()">
            <p>下一步</p>
        </div>
        <!-- <div class="ui-login__option">
            <p>其他注册方式</p>
            <div class="weChat" v-touch:tap="onThirdTap('weixin')"><img src="../../image/account/weChat.png"></div>
            <div class="qq" v-touch:tap="onThirdTap('qq')"><img src="../../image/account/qq.png"></div>
            <div class="weiBo" v-touch:tap="onThirdTap('weibo')"><img src="../../image/account/weiBo.png"></div>
        </div> -->
    </div>
</div>